<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>收益</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" type="text/css" media="screen" href="./css/bonus.css" />
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="./js/datePicker.js"></script>
</head>
<body>
    <div class="wrapper">
        <div id="top" class="top container">
            <div class="back btn-back"><img src="./img/icon_back.png"><span>累计收益</span></div>
            <div id="my-date" class="time btn-time-select"><span>2018年11月</span></div>
        </div>
        <div id="selection" class="selection container">
            <div class="option option1">
                <div class="text">
                    <span class="span1">锁仓收益</span><br><span id='op-static' class="span2 ">500TSR</span>
                </div>
                <input class="magic-checkbox" id="checkbox_1" type="checkbox" checked="true"><label></label>
            </div>
            <div class="option option2">
                <div class="text">
                    <span class="span1">返佣奖励</span><br><span id='op-commission' class="span2 ">500TSR</span>
                </div>
                <input class="magic-checkbox" id="checkbox_2" type="checkbox" checked="true"><label></label>
            </div>
            <div class="option option3">
                <div class="text">
                    <span class="span1">糖果</span><br><span id='op-directly' class="span2 ">500TSR</span>
                </div>
                <input class="magic-checkbox" id="checkbox_3" type="checkbox" checked="true"><label></label>
            </div>
        </div>
        <div id="list-content" class="list list-container">
            <ul>
                <span>火速赶往中...</span>
                <!-- <li class="list-item item-container">
                    <div class="date">
                        <div class="icon"></div>
                        <span class="date">11月11日</span>
                    </div>
                    <div class="item tiem1 container">
                        <div class="des des-title">锁仓收益</div>
                        <div class="des des-date">2018-11-11</div>
                        <div class="des des-detail">
                            <div class="detail-1">+500TSR</div>
                        </div>
                    </div>
                    <div class="item item2 container">
                        <div class="des des-title">返佣奖励</div>
                        <div class="des des-date">2018-11-11</div>
                        <div class="des des-detail">
                            <div class="detail-1">+500TSR</div>
                            <div class="detail-2 coupon">+500优惠券</div>
                        </div>
                    </div>
                    <div class="item item3 container dark">
                        <div class="des des-title">糖果</div>
                        <div class="des des-date">2018-11-11</div>
                        <div class="des des-detail container-end">
                            <div class="detail-1">+500TSR</div>
                            <div class="detail-2 show">^_^</div>
                        </div>
                    </div>
                    <div class="item-total container-end">
                        <div class="tsr"> +<span class="total-tsr">5000.95</span>TSR</div>
                        <div class="blank"></div>
                        <div class="total-coupon"><span class="total-coupon">1000</span>优惠券
                    </div>
                </li>
                <li class="list-item item-container">
                    <div class="date">
                        <div class="icon"></div>
                        <span class="date">11月11日</span>
                    </div>
                    <div class="item tiem1  container">
                        <div class="des des-title">锁仓收益</div>
                        <div class="des des-date">2018-11-11</div>
                        <div class="des des-detail">
                            <div class="detail-1">+500TSR</div>
                        </div>
                    </div>
                    <div class="item item2 container">
                        <div class="des des-title">返佣奖励</div>
                        <div class="des des-date">2018-11-11</div>
                        <div class="des des-detail">
                            <div class="detail-1">+500TSR</div>
                            <div class="detail-2 coupon">+500优惠券</div>
                        </div>
                    </div>
                    <div class="item item3 container">
                        <div class="des des-title">糖果</div>
                        <div class="des des-date">2018-11-11</div>
                        <div class="des des-detail container-end">
                            <div class="detail-1">+500TSR</div>
                            <div class="detail-2"></div>
                        </div>
                    </div>
                    <div class="item-total container-end">
                        <div class="tsr">+<span class="total-tsr">5000.95</span>TSR</div>
                        <div class="blank"></div>
                        <div class="total-coupon"><span class="total-coupon">1000</span>优惠券
                    </div>
                </li>
                <li class="list-item item-container">
                    <div class="date tiem0">
                        <div class="icon"></div>
                        <span class="date">11月11日</span>
                    </div>
                    <div class="item tiem1  container">
                        <div class="des des-title">锁仓收益</div>
                        <div class="des des-date">2018-11-11</div>
                        <div class="des des-detail">
                            <div class="detail-1">+500TSR</div>
                        </div>
                    </div>
                    <div class="item item2 container">
                        <div class="des des-title">返佣奖励</div>
                        <div class="des des-date">2018-11-11</div>
                        <div class="des des-detail">
                            <div class="detail-1">+500TSR</div>
                            <div class="detail-2 coupon">+500优惠券</div>
                        </div>
                    </div>
                    <div class="item item3 container">
                        <div class="des des-title">糖果</div>
                        <div class="des des-date">2018-11-11</div>
                        <div class="des des-detail container-end">
                            <div class="detail-1">+500TSR</div>
                            <div class="detail-2">^_^</div>
                        </div>
                    </div>
                    <div class="item-total item4 container-end">
                        <div class="tsr">+<span class="total-tsr">5000.95</span>TSR</div>
                        <div class="blank"></div>
                        <div class="total-coupon"><span class="total-coupon">1000</span>优惠券</div>
                    </div>
                </li> -->
            </ul>
        </div>
    </div>
    
    <script src="./js/bonus.js"></script>
</body>
</html>